<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>首页</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="../css/index.css" />
  <link rel="stylesheet" href="../js/lib/layui/css/layui.css" /> </head>
<body>
  <div class="layui-layout-admin fly-body">
    <div class="layui-header">
      <div class="admin-title dp-ib">
        <h1 class="fs-24 dp-ib c-fff mgl-20 mgt-10">后台管理</h1> </div>
      <div class="layui-top-nav dp-ib ve-t">
        <ul class="layui-nav">
          <li class="layui-nav-item">
            <a href="javascript:;">顶部菜单1</a>
          </li>
          <li class="layui-nav-item layui-this">
            <a href="javascript:;">顶部菜单2</a>
          </li>
          <li class="layui-nav-item">
            <a href="javascript:;">顶部菜单3</a>
          </li>
          <li class="layui-nav-item">
            <a href="javascript:;">顶部菜单4</a>
            <dl class="layui-nav-child">
              <!-- 二级菜单 -->
              <dd>
                <a href="javascript:;">顶部菜单4-1</a>
              </dd>
              <dd>
                <a href="javascript:;">顶部菜单4-2</a>
              </dd>
              <dd>
                <a href="javascript:;">顶部菜单4-3</a>
              </dd>
            </dl>
          </li>
          <li class="layui-nav-item">
            <a href="javascript:;">顶部菜单5</a>
          </li>
        </ul>
      </div>
      <!-- 用户管理 -->
      <div href="#!" class="layui-right user">
        <!-- 头像 -->
        <a href="#!" class="user-avatar"> <img src="../images/common/user-photo.jpg" alt="" class="layui-circle"><span class="c-fff mgl-20">超级管理员</span> </a>
        <!-- 头像下面显示 -->
        <ul class="user-nav">
          <li class="user-nav-item">
            <a href="#!"> <i class="layui-icon">&#xe612;</i> 个人设置 </a>
          </li>
          <li class="user-nav-item">
            <a href="javascript:;" id="btn-exit"> <i class="layui-icon">&#xe623;</i> 退出 </a>
          </li>
        </ul>
      </div>
    </div>
    <div class="layui-side">
      <ul class="layui-nav layui-nav-tree" id="sideNav" lay-filter="sideNav">
        <li class="layui-nav-item layui-nav-itemed">
          <a>用户管理</a>
          <dl class="layui-nav-child">
            <dd>
              <a href="javascript:;" data-url="user/user-list.html"><label>用户列表</label></a>
            </dd>
            <dd>
              <a href="javascript:;" data-url="user/user-collect.html"><label>用户统计</label></a>
            </dd>
          </dl>
        </li>
        <li class="layui-nav-item">
          <a>产品管理</a>
          <dl class="layui-nav-child">
            <dd>
              <a href="javascript:;" data-url="product/product-list.html"><label>产品列表</label></a>
            </dd>
          </dl>
        </li>
        <li class="layui-nav-item">
          <a>订单管理</a>
          <dl class="layui-nav-child">
            <dd>
              <a href="javascript:;" data-url="order/order-list.html"><label>订单列表</label></a>
            </dd>
          </dl>
        </li>
        <li class="layui-nav-item">
          <a>文章管理</a>
          <dl class="layui-nav-child">
            <dd>
              <a href="javascript:;" data-url="article/article-list.html"><label>文章列表</label></a>
            </dd>
            <dd>
              <a href="javascript:;" data-url="article/article-sorts.html"><label>文章栏目</label></a>
            </dd>
          </dl>
        </li>
        <li class="layui-nav-item">
          <a>相册管理</a>
          <dl class="layui-nav-child">
            <dd>
              <a href="javascript:;" data-url="album/album-manage.html"><label>相册列表</label></a>
            </dd>
            <dd>
              <a href="javascript:;" data-url="album/album-sorts.html"><label>相册栏目</label></a>
            </dd>
          </dl>
        </li>
      </ul>
    </div>
    <div class="layui-body">
      <div class="layui-tab fly-tab layui-tab-card" lay-filter="page-tab" lay-allowclose="true">
        <!--tab标题-->
        <ul class="layui-tab-title" id="tabTitle">
          <li class="layui-this" lay-id="0"><label>首页</label></li>
        </ul>
        <!--tab内容-->
        <div class="layui-tab-content" id="tabContainers">
          <div class="layui-tab-item layui-show">
            <p>提示<span class="icon-i-b tips-icon mgl-5 ve-m"><span class="dialog-warp right"><label class="dialog-box">床前明月光，疑是地上霜，举头望明月，低头思故乡。</label></span></span>
            </p>
            <div class="fly-echart echart-map sw-100" id="user-form-map"> 地图 </div>
            <div class="fly-echart echart-pie sw-50 fl" id="user-form-pie"> 饼状图 </div>
            <div class="fly-echart echart-line sw-50 fl" id="user-form-line"> 折线图 </div>
            <div class="fly-echart echart-bar sw-100 fl" id="user-form-bar"> 柱状和折线 </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script src="../js/lib/layui/layui.js"></script>
  <script src="../js/define/index.js"></script>
  <script src="../js/define/common.js"></script>
  <!--本地加载会出现echart报错的问题，所以使用cdn；看后期传到服务器会不会出现这类似的问题，如果不会，则根据加载速度换回来-->
  <script src="//cdn.bootcss.com/echarts/3.3.2/echarts.min.js"></script>
  <!--<script src="../../src/js/lib/echarts/echarts.min.js"></script>-->
  <script src="../js/lib/echarts/macarons.js"></script>
  <script src="../js/lib/echarts/china.js"></script>
  <script src="../js/define/user-collect.js"></script>
</body>
</html>